<script setup lang="ts">

interface Props {
   // 可选参数 ?
   text?: string
}
const {text='按钮' } = defineProps<Props>()
</script>

<template>
  <button class="hm-button">{{ text }}</button>
</template>

<style scoped>
.hm-button {
  background-color: #43b466;
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  border-width: 0;
}
</style>